const app = getApp()
Page({
  data: {
    isLike: true,
    // banner
    car_details: {},
    indicatorDots: true, //是否显示面板指示点
    autoplay: true, //是否自动切换
    interval: 3000, //自动切换时间间隔,3s
    duration: 1000, //  滑动动画时长1s

    // 添加购物车
    showModalStatus: false, //是否显示
    gg_id: 0, //规格ID
    gg_txt: '', //规格文本
    gg_price: 0, //规格价格
    num: 1, //初始数量
    scope_application: "", //使用范围
    beyond_kilometre: "", //超出公里
    beyond_hour: "", //超出小时
    minusStatus: 'disabled',

    // 下拉框 使用范围用

    show: false, //控制下拉列表的显示隐藏，false隐藏、true显示
    index: 0 //选择的下拉列表下标
  },
  // 添加下拉框 使用范围

  // 点击下拉显示框
  selectTap() {
    this.setData({
      show: !this.data.show
    });
  },

  // 点击下拉列表
  optionTap(e) {
    let Index = e.currentTarget.dataset.index; //获取点击的下拉列表的下标
    this.setData({
      index: Index,
      show: !this.data.show
    });
  },

  filter: function(e) {
    var self = this,
      id = e.currentTarget.dataset.id,
      txt = e.currentTarget.dataset.txt,
      price = e.currentTarget.dataset.price
    self.setData({
      gg_id: id,
      gg_txt: txt,
      gg_price: price,
    });
  },

  /* 点击减号 */
  bindMinus: function() {
    var num = this.data.num;
    // 如果大于1时，才可以减  
    if (num > 1) {
      num--;
    }
    // 只有大于一件的时候，才能normal状态，否则disable状态  
    var minusStatus = num <= 1 ? 'disabled' : 'normal';
    // 将数值与状态写回  
    this.setData({
      num: num,
      minusStatus: minusStatus
    });
  },
  /* 点击加号 */
  bindPlus: function() {
    var num = this.data.num;
    // 不作过多考虑自增1  
    num++;
    // 只有大于一件的时候，才能normal状态，否则disable状态  
    var minusStatus = num < 1 ? 'disabled' : 'normal';
    // 将数值与状态写回  
    this.setData({
      num: num,
      minusStatus: minusStatus
    });
  },
  //显示对话框
  showModal: function() {
    // 显示遮罩层
    var wxid = app.globalData.wxid
    if (wxid !== null) {
      var animation = wx.createAnimation({
        duration: 200,
        timingFunction: "linear",
        delay: 0
      })
      this.animation = animation
      animation.translateY(300).step()
      this.setData({
        animationData: animation.export(),
        showModalStatus: true
      })
      setTimeout(function() {
        animation.translateY(0).step()
        this.setData({
          animationData: animation.export()
        })
      }.bind(this), 200)
    } else {
      wx.showModal({
        title: '提示',
        content: '亲，您还没有登录哦~~',
        success: function(res) {
          if (res.confirm) {
            wx.switchTab({
              url: '/pages/user/index'
            })
          } else if (res.cancel) {
            wx.switchTab({
              url: '/pages/user/index'
            })
          }
        }
      })
    }
  },
  //隐藏对话框
  hideModal: function() {
    // 隐藏遮罩层
    var animation = wx.createAnimation({
      duration: 200,
      timingFunction: "linear",
      delay: 0
    })
    this.animation = animation
    animation.translateY(300).step()
    this.setData({
      animationData: animation.export(),
    })
    setTimeout(function() {
      animation.translateY(0).step()
      this.setData({
        animationData: animation.export(),
        showModalStatus: false
      })
    }.bind(this), 200)
  },


  // 确定按钮 添加车辆到全局
  queding_btn: function(e) {
    let that = this;
    app.globalData.car_rental_list.push({
        "id": e.currentTarget.id,
        "count": this.data.num
      }),
      wx.request({
        url: app.globalData.hostname + ":" + app.globalData.port + '/product/add_car_rental_list',
        header: {
          'content-type': 'application/x-www-form-urlencoded' // 默认值
        },
        data: {
          user_id: app.globalData.wxid,
          product_id: e.currentTarget.id,
          product_count: this.data.num
        },
        success: function(res) {
          that.setData({})
        }
      })
    // wx.showToast({
    //   title: '添加成功',
    //   icon: 'success',
    //   duration: 3000
    // });
    wx.showModal({
      title: '提示',
      content: '亲，您要转到订单页面吗？',
      success: function(res) {
        if (res.confirm) {
          wx.switchTab({
            url: '/pages/cart_list/cart_list'
          })
        } else if (res.cancel) {
          wx.showToast({
            title: '添加成功',
            icon: 'success',
            duration: 3000
          });
        }
      }
    })
    that.setData({
      showModalStatus: false
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    let that = this;
    wx.request({
      url: app.globalData.hostname + ":" + app.globalData.port + '/product/car_details',
      header: {
        'content-type': 'application/x-www-form-urlencoded' // 默认值
      },
      data: {
        id: options.id
      },
      success: function(res) {
        for (var i = 0; i < res.data.product_details.car_image.length; i++) {
          var array = wx.base64ToArrayBuffer(res.data.product_details.car_image[i]);
          var base64 = wx.arrayBufferToBase64(array);
          res.data.product_details.car_image[i] = "data:image/png;base64," + base64.substr(1);
        }
        that.setData({
          car_details: res.data.product_details,
          gg_id: res.data.product_details.gg_id,
          gg_price: res.data.product_details.gg_price,
          scope_application: res.data.product_details.scope_application,
          beyond_kilometre: res.data.product_details.beyond_kilometre,
          beyond_hour: res.data.product_details.beyond_hour,
        })
      }
    })
  },
  //预览图片
  previewImage: function(e) {
    var current = e.target.dataset.src;
    wx.previewImage({
      current: current, // 当前显示图片的http链接  
      urls: this.data.car_details.car_image // 需要预览的图片http链接列表  
    })
  },
})